<template>
	<view class="hotelService" v-if="item == 5">
		<view v-for="(items, indexs) in sugar" :key="indexs">
			<view class="title">
				<text class="name">喜糖信息({{ indexs + 1 }})</text>
				<text class="delete" @click="deleteSuger(indexs)">删除</text>
			</view>
			<view class="content">
				<!-- sugar_id -->
				<view class="box" style="position: relative">
					<text>品牌</text>
					<picker @change="chooseSuger" :disabled="isEdit" :data-type="indexs" range-key="title" :range="sugarList">
						<view class="choose" style="margin-top: 25upx" v-if="JSON.stringify(sugarList) != '[]'">
							<text :class="items.sugerIndex !== '' ? 'active' : ''">{{ items.sugerIndex === '' ? '请选择' : sugar[indexs].sugar_text }}</text>
							<image v-if="items.sugerIndex === ''" src="../../../static/images/right.png" mode=""></image>
						</view>
					</picker>
				</view>
				<view class="box">
					<text>数量</text>
					<input type="digit" :disabled="isEdit" v-model="items.sugar_amount" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<text>金额</text>
					<input type="digit" :disabled="isEdit" v-model="items.sugar_price" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="remark">
					<text>备注</text>
					<textarea type="text" :disabled="isEdit" v-model="items.sugar_remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
				</view>
			</view>
		</view>
		<view class="addDetail" @click="dessertFn">增加明细</view>
	</view>
</template>

<script>
</script>

<style>
</style>
